<template>
  <!-- ※※※ 类名更换成对应页面名称，如列表页(list-main) ※※※ -->
  <div class="page-main">
    <!-- 通用头部 -->
    <ComHeader :config="headerConfig" @completeEvent="completeBtnClick"></ComHeader>
    <!-- 网页内容区域 -->
    <div class="view-content have-tabbar">
      通用模板
    </div>
    <ComFooter></ComFooter>
  </div>
</template>

<script>
  import {Toast} from 'mint-ui'
  export default {
    data () {
      return {
        headerConfig: {
          showBackButton: true, // 头部返回上一页按钮
          showCompleteBtn: true,// 确定按钮是否显示
          title: '通用模板页头部标题'
        }
      }
    },
    methods: {
      // 确定按钮监听
      completeBtnClick(evtValue) {    
        Toast("小伙子点击了确定")
      }
    },
    components: {
     
    }
  }
</script>
